<div class="sys-title">
  <h2>角色管理</h2>
</div>
<div class="sys-content">
  <div class="col-left">
    <table class="table table-striped">
      <thead>
        <tr>
          <th>序号</th>
          <th>角色名称</th>
          <th>权限</th>
          <th>用户数量</th>
          <th>备注</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody id="roleList">
      </tbody>
    </table>

    <div class="footbar">
      <div class="btns"><a href="#" class="btn btnadd"><i class="icon-vpn-key"></i>添加新角色</a></div>
      <div class="page">
      </div>
    </div>
  </div>
  <div class="col-right">
    <h3 class="small-title" id="e1">添加新角色</h3>
    <div class="form-box">
      <div class="form-item">
        <div class="form-title"><em class="fc-danger">*</em>角色名称：</div>
        <div class="form-content"><input class="input" type="text" id="e2"></div>
      </div>
      <div class="form-box">
        <div class="form-item">
          <div class="form-title"><em class="fc-danger">*</em>角色权限：</div>
          <div class="form-content">
            <ul id="role" class="ztree input"></ul>
          </div>
        </div>

        <div class="form-item">
          <div class="form-title">备注：</div>
          <div class="form-content"><textarea class="input" id="e3"></textarea></div>
        </div>
        <div class="form-item form-btn">
          <button class="btn" id="add">保存</button>
          <button class="btn" id="modify" style="display: none;">保存</button>
        </div>
      </div>

    </div>
  </div>
  <script src="scripts/app/mz/role/role.js"></script>